<script src='./contentCenter.js'></script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
    @import url('./contentCenter.scss');
</style>

<template>
    <div class="contentCenterContainer">

        <div class="editedBtn">
            <button @click="editedBtnClicked" class="buttonActive"><i class="icon iconfont icon-yidong"></i>&nbsp;<span>移动</span></button>
            <button @click="editedBtnClicked"><i class="icon iconfont icon-xuanzhuan"></i>&nbsp;<span>旋转</span></button>
            <button @click="editedBtnClicked"><i class="icon iconfont icon-suofang"></i>&nbsp;<span>缩放</span></button>
            <!--<button @click="editedBtnClicked"><i class="icon iconfont icon-huanyuan"></i> <span>还原</span></button>-->
            <button @click="editedBtnClicked"><i class="icon iconfont icon-chexiao"></i> <span>撤销</span></button>
        </div>

        <div class="scenesView"></div>

        <div class="pickView">
            <div class="pickBtnContainer">
                <div class="title"><button @click="slideDownTitle"><i class="el-icon-caret-bottom"></i><span>素材库</span></button></div>
                <div class="btnContent">
                    <div class="btnBox">
                        <button class="active" @click="showMaterialList">全部</button>
                        <button @click="showMaterialList($event, 'textures')">图片</button>
                        <button @click="showMaterialList($event, 'material')">材质</button>
                        <button @click="showMaterialList($event, 'text')">文本</button>
                    </div>
                </div>
            </div>

            <div class="pickContent">

                <div class="searchContent">
                    <div class="searchInputBox">
                        <i class="el-icon-search"></i>
                        <input type="text" class="searchInput" placeholder="全局搜索" @keydown="searchSources">
                    </div>
                </div>

                <div class="searchResultContent">
                    <div class="uploadBtn" @click="uploadResources">
                        <i class="el-icon-plus">&nbsp;</i>上传文件
                    </div>

                    <span class="space"></span>

                    <div class="searchResultList"></div>
                </div>
            </div>
        </div>
    </div>
</template>